<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/release.css">
    <link rel="stylesheet" href="css/reset.css">
</head>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>


<body>
    <!-- 头部 -->
    <header id="header">
        <!-- /* 导航栏A */ -->
        <div class="home">
            <ul class="grid home-son">
                <li class="grid-cell-1 home-logo">logo</li>
                <li class="grid-cell-1 home-button">
                    <a class="home-button-a1" href="pinche.html">长途拼车</a>
                </li>
                <li class="grid-cell-1 home-button">
                    <a class="home-button-a2 sx" href="release.html">上下班拼车</a> 
                </li>
                <li class="grid-cell-1 home-li"></li>
                <li class="grid-cell-1 home-li"></li>
                <li class="grid-cell-1 home-userName">213754645</li>
                <li class="grid-cell-1 home-im"><input type="image" src="img/toux.jpg" alt=""></li>
            </ul>
            <hr>
        </div>
        <!-- /* 导航栏B */ -->
        <div class="home2">
            <ul class="grid">
                <li class="grid-cell-1 home2-btn1">
                    <a href="#">最新拼车</a> 
                </li>
                <li class="grid-cell-1 home2-btn2">
                    <a href="#">发布短途拼车</a>
                </li>
                <li class="grid-cell-1 home2-btn3">
                    <a href="#">发布的拼车</a>
                </li>
                <li class="grid-cell-1 home2-btn4">
                    <a href="#">申请的拼车</a>
                </li>
                <li class="grid-cell-1 home2-btn5">
                    <a href="#">设置拼车关注</a>
                </li>
            </ul>

            
        </div>

    </header>
    <!-- 中 -->
    <section id="section">
        <div class="In">
            <!-- 筛选框 -->
            <div class="list">
                <div class="box1">
                    <a>出发地址：</a>
                    <input type="text" class="input-box">
                </div>
                <div>
                    <a>目的地址：</a>
                    <input type="text" class="input-box">
                </div>
                <div class="list-boxtext">
                    途径 <span>（可填）</span>：
                    <input type="text" class="input-box">
                </div>
                <div class="list-boxtext">
                    途径 <span>（可填）</span>：
                    <input type="text" class="input-box">
                </div>
                <div class="list-boxtext">
                    途径 <span>（可填）</span>：
                    <input type="text" class="input-box">
                </div>
                <div class="list-boxtext">
                    途径 <span>（可填）</span>：
                    <input type="text" class="input-box">
                </div>
    
            </div>
            <!-- 地图 -->
            <div class="mapk">
                <div>
                    地图
                </div>
            </div>
            <div class="con">
                <div class="con-box1">
                    <div class="con-box1-dvi1">出发时间：</div>
                    <div class="con-box1-dvi2">
                        <span>日期：</span>
                        <input type="text" name="" id="">&nbsp&nbsp&nbsp
                        <select name="provie">
                            <option value="zaos" selected>早上（6：00-11：00）</option>
                            <option value="zhw">中午（11：00-13：00）</option>
                            <option value="xw">下午（13：00-16：00）</option>
                            <option value="ws">晚上（16：00-21：00）</option>
                        </select>
                    </div>
                </div>
                <div class="con-box2">
                    <div class="con-box1-dvi1">车型：</div>
                    <select name="provie">
                        <option value="zaos" selected>轿车</option>
                        <option value="zhw">面包车</option>
                    </select>
                    &nbsp&nbsp<span>可容纳人数：</span><input type="text" name="" id="">&nbsp位
                    &nbsp&nbsp <samp>每人单程费用：</samp><input type="text" name="" id="">&nbsp元
                </div>
                <div class="con-box3">
                    <div class="con-box1-sm1">
                        <p>补充说明：</p>
                        <span class="text-sl1">0</span><span class="text-sl2">/500</span>
                    </div>
                    <div class="con-box1-sm2">
    
                    </div>
                    <input class="con-box3-btn" type="button" value="立即发布">
                </div>
    
            </div>
        </div>
    </section>
</body>

</html>